/**
 * ReactRouterDOM@5的使用：
 *
 * 1. 安装依赖
 *    npm install react-router-dom@5
 *
 * 2. 使用路由器组件包装整个App
 *
 *    BrowserRouter     history 模式
 *    HashRouter        hash 模式
 *
 * 3. 在需要渲染路由页面组件的位置编写路由组件规则
 *
 * 一些组件与属性的介绍
 *
 *    1. BrowserRouter, HashRouter
 *      路由器组件
 *      选择一款用在整个组件的最外层即可。
 *    2. Route
 *      路由组件
 *      配置路由规则并在它的位置上渲染出对应的组件内容
 *
 *      path        url地址的 pathname 部分
 *      component   组件
 *    3. Link 与 NavLink
 *      导航组件，能实现点击之后路由的跳转
 *
 *      to
 *        设置要跳转的地址
 *      activeClassName【NavLink】
 *        设置高亮时的类名，默认为 active
 *      replace
 *        设置是否以替换历史记录的模式来跳转
 *
 */

import ReactDOM from "react-dom/client";

import { HashRouter as Router } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  // <React.StrictMode>
  <Router>
    <App />
  </Router>
  // </React.StrictMode>
);
